<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="utf-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge"/>
    <meta name="author" content="Daliu"/>
    <meta name="keywords" content="长江上游珍稀特有鱼类保护信息管理系统、长江上游、珍稀特有鱼类、保护信息"/>
    <meta name="describe" content="长江上游珍稀特有鱼类保护信息管理系统"/>
    <title>长江上游珍稀特有鱼类保护信息管理系统</title>
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <link href="css/main.css" rel="stylesheet"/>

</head>
<body>
<div class="wrapper">
    <p class="alert">
        <span class="glyphicon glyphicon-ok"></span>
        您好，欢迎使用长江上游珍稀特有鱼类保护管理系统，希望您仔细阅读帮助文档。
    </p>
    <div class="widget-box left">
        <div class="widget-header">
            <h5 class="widget-title"><span style="font-size:14px; font-family:Microsoft YaHei">数据库统计信息</span></h5>
        </div>
        <div class="widget-body">
            <table>
                <tr>
                    <td>监测点：</td>
                    <td id="monitoring"></td>
                    <td>断面：</td>
                    <td id="factureSurface"></td>
                </tr>
                <tr>
                    <td>测线：</td>
                    <td id="measuringLine"></td>
                    <td>测点：</td>
                    <td id="measuringPoint"></td>
                </tr>
                <tr>
                    <td>采样水层：</td>
                    <td id="waterLayer"></td>
                    <td>网具：</td>
                    <td id="catchTools"></td>
                </tr>
                <tr>
                    <td>渔获物：</td>
                    <td id="catches"></td>
                    <td>鱼样本：</td>
                    <td id="fishes"></td>
                </tr>
                <tr>
                    <td>鱼卵样本：</td>
                    <td id="fisheggs"></td>
                    <td>沉积物：</td>
                    <td id="sediment"></td>
                </tr>
                <tr>
                    <td>浮游动物：</td>
                    <td id="zoo"></td>
                    <td>优势浮游动物：</td>
                    <td id="pzo"></td>
                </tr>
                <tr>
                    <td>浮游植物：</td>
                    <td id="phy"></td>
                    <td>优势浮游植物：</td>
                    <td id="pph"></td>
                </tr>
                <tr>
                    <td>底栖生物：</td>
                    <td id="ben"></td>
                    <td>优势底栖生物：</td>
                    <td id="pbe"></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="widget-box right">
        <div class="widget-header">
            <h5 class="widget-title"><span style="font-size:14px; font-family:Microsoft YaHei">功能说明</span></h5>
        </div>
        <div class="widget-body">
            <div class="widget-main">
                <p>
                    数据管理：<br>
                    该版块可以查看所有监测点下的具体信息，还可以对数据进行修改和删除操作，以及数据的检索。
                    <br>数据导入：<br>
                    该版块可以对数据进行导入导出，导入模板在该版块下载。
                    <br>用户中心：<br>
                    该版块可以查看所有的用户信息，特权用户还可以审核注册用户。
                    <br>
                    <img class="code" src="image/code.gif" alt=""/>
                    扫描二维码下载APP
                </p>
            </div>
        </div>
    </div>

</div>
<script>
    $(document).ready(function () {
        $.ajax({
            type: "get",
            async: true,
            url: "count.action",
            success: function (result) {
                var info = result.split(',');
                $("#monitoring").text(info[0]);
                $("#factureSurface").text(info[1]);
                $("#measuringLine").text(info[2]);
                $("#measuringPoint").text(info[3]);
                $("#waterLayer").text(info[4]);
                $("#catchTools").text(info[5]);
                $("#catches").text(info[6]);
                $("#fishes").text(info[7]);
                $("#fisheggs").text(info[8]);
                $("#sediment").text(info[9]);
                $("#zoo").text(info[10]);
                $("#pzo").text(info[11]);
                $("#phy").text(info[12]);
                $("#pph").text(info[13]);
                $("#ben").text(info[14]);
                $("#pbe").text(info[15]);
            }
        });
    });
</script>
</body>
</html>
